import { getUserInfo, login } from '@/api/user'
import { getToken, setToken, removeToken } from '@/utils/auth'
export default {
  namespaced: true,
  state: {
    // 从缓存中读取初始值
    token: getToken(),
    userInfo: {}
  },
  mutations: {
    setToken(state, newToken) {
      state.token = newToken
      // 同步缓存
      // 持久化存储 localStorage/cookie
      setToken(newToken)
    },
    removeToken(state) {
      // 删除Vuex中的token
      state.token = null
      removeToken()
    },
    getUserInfo(state, newUserInfo) {
      state.userInfo = newUserInfo
    }

  },
  actions: {
    // context上下文,传入参数
    async login(context, data) {
      // TODO调用登录接口
      const token = await login(data)
      // 测试一个token
      context.commit('setToken', token)
    },
    // 获取用户信息
    async getUserInfo(context) {
      const result = await getUserInfo()
      context.commit('getUserInfo', result)
    },
    logout(context) {
      // 删除token
      context.commit('removeToken')
      // 设置用户信息-空对象
      context.commit('getUserInfo', {})
    }
  }
}
